body{
	/*background:red;*/
}/*检测css文件是否连接好*/
/*公共样式：很多标签都可能用到的样式*/
*{ margin:0;padding:0; }
li{ list-style:none; }
.clear{ clear: both; }
/*页面样式*/
/*轮播图*/
/*外层*/
.banner{
	width:730px;
	height:454px;
	border:1px solid red;
	margin:100px auto;
	position:relative;/*子绝父相*/
	overflow: hidden;
}
/*图片*/
.picture img{
	display: none;
}
.picture .show{
	display: block;
}
/*小圆点*/
.circle{
	position:absolute;
	left:40%;
	bottom:10px;
}
.circle li{
	display: inline-block;
	width:20px;
	height:20px;
	background-color:#000;
	color:#fff;
	text-align: center;
	border-radius: 50%;
	
}
.circle .red{ background:red; }
/*左右按钮*/
.btn{
	width:53px;
	height:53px;
	position:absolute;
	top:40%;
	display: none;
	border-radius: 50%;
	}
.left-btn{
	background:url(../img/zuo.png) -4px -6px;
}
.right-btn{
	background:url(../img/you.png) -2px 0px;
	right:0px;
}
.banner:hover .left-btn,.banner:hover .right-btn{display:block;}



